
/** IE6下的样式 **/
*html,*html body{/**防止抖动**/
	background-image:url(about:blank);
	background-attachment:fixed;
}
*html .fixed-top{
	position:fixed;
	_position:absolute;
	bottom:auto;
	width:100%;
	top:expression(eval(document.documentElement.scrollTop));
}

#chartbarFrame{
	position:fixed;
	top:0px;
	width:100%;
	z-index:10;
	height:1px;
}
.chartlist{
	width:28px;
	float:right;
	overflow-x:hidden;
}
.chartlistTitle{
	overflow-x:hidden;
	margin:0px;
	position:relative;
	width:28px;
	height:105px;
	float:left;
	background-image:url(/template/image/chat/sd.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	color:#FFF;
	clear:both;
}
.chartlistTitle .charttoshut {
	margin:0px 6px 0px 6px;
	display:inline;
	cursor:pointer;
	width:16px;
	height:16px;
}
.chart_down{
	width:163px;
	border:1px solid #b2b2b2;
	margin:0px;
	float:left;
	padding-bottom:10px;
	display:none;
	background:#ffffff;
}
.charttoshut {
	margin-right:9px;
	margin-top:6px;
	float:right;
	display:inline;
	cursor:pointer;
}
.chartname{
	margin:0px;
	float:left;
	height:58px;
	width:28px;
	word-break:break-all;
}
.charttoshut img{
	margin:0px;
	float:0px;
	width:16px;
	height:16px;
}
.charttosmall{
	width:15px;
	height:15px;
	line-height:15px;
	cursor:pointer;
}
.friList{
	width:139px;
	float:left;
	margin-top:11px;
	margin-left:11px;
	background:#FFF;
	border:1px solid #b2b2b2;
	min-height:200px;
	display:inline;
	height:290px;
	overflow:auto;
}
.sherchPrompt{
	margin-top:5px;
	margin-left:11px;
	color:#005362;
}
.searchBar{
	width:134px;
	margin-top:5px;
	margin-left:11px;
	padding-left:5px;
	display:inline;
	float:left;
	height:25px;
	line-height:25;
	border:1px solid #b2b2b2;
}
.searchText{
	float:left;
	height:16px;
	line-height:16px;
}
.searchText input{
	border:0;
	width:132px;
	height:23px;
	line-height:23px;
	margin:0px;
	float:left;
}
.searchCancel{
	float:left;
	width:16px;
	height:16px;
	line-height:16px;
	overflow:hidden;
	cursor:pointer;
	text-align:center;
}
.chartWindow{
	width:501px;
	height:428px;
	background:#ffffff;
	position:absolute;
}
.chartWindow_down{
	width:499px;
	height:398px;
	float:left;
	margin:0px;
	border-bottom:1px solid #b2b2b2;
	border-left:1px solid #b2b2b2;
	border-right:1px solid #b2b2b2;
	
}
.chartWinTitle{
	width:100%;
	height:29px;
	margin:0px;
	float:left;
	background-image:url(/template/image/chat/sb.jpg);
}
.chart_biao{
	margin-top:7px;
	margin-left:15px;
	float:left;
	display:inline;
	width:16px;
	height:16px;
	background-image:url(/template/image/center/header/friends.png);
}
.chart_zi{
	margin-left:15px;
	float:left;
	display:inline;
	line-height:31px;
	color:#FFF;
}
.chart_zi span{
	text-decoration:underline;
	cursor:pointer;
}
.friInfo{
	background:#FFF;
	margin:5px;
}
.friInfo img{
	height:47px;
	margin:3px;
}
.chartArea{
	width:340px;
	margin-left:13px;
	margin-top:26px;
	display:inline;
	float:left;
}
.chartHistory{
	height:205px;
	width:338px;
	margin:0px;
	float:left;
	clear:both;
	overflow-y:scroll;
	word-wrap:break-word;
	text-align:justify;
	justify:inter-word;
	border:1px solid #b2b2b2;
}
.chart_middle{
	margin:0px;
	float:left;
	clear:both;
	height:30px;
	width:100%;
}
.chartText{
	margin:0px;
	float:left;
	clear:both;
	width:338px;
	border:1px solid #b2b2b2;
	height:80px;
}
.chartText textarea{
	height:77px;
	width:336px;
	margin:0px;
	float:left;
	clear:both;
	border:0px;
}
.chartsendbar{
	margin:0px;
	float:left;
	clear:both;
	width:340px;
	color:#C3C3C3;
}
.chartdisply{
	float:left;
	margin-left:16px;
	margin-top:27px;
	display:inline;
	width:118px;
}
.friendLogo{
	margin-top:-8px;
	margin-left:-10px;
	float:left;
	clear:both;
	cursor:pointer;
	width:137px;
	height:137px;
	display:inherit;
}
.friendLogo img,.myLogo img{
	margin-top:8px;
	margin-left:9px;
	display:inline;
	float:left;
	clear:both;
	width:118px;
	height:118px;
	border:1px solid #d2d2d2;
}
.friendLogo span,.myLogo span{
	margin-top:10px;
	margin-left:9px;
	float:left;
	clear:both;
	width:118px;
	color:#363636;
	line-height:15px;
	height:15px;
}
.chart_middle_smile{
	margin-left:3px;
	float:left;
	display:inline;
	cursor:pointer;
}
.chart_middle_history{
	margin-left:14px;
	float:left;
	display:inline;
	cursor:pointer;
}
.chart_middle_smile img,.chart_middle_history img{
	margin-top:7px;
	float:left;
	display:inline;	
}
.chart_middle_smile:hover span,.chart_middle_history:hover span{
	color:#057bff;
}
.chart_middle_smile span,.chart_middle_history span{
	height:30px;
	margin-left:10px;
	color:#363636;
	line-height:30px;
}
.myLogo{
	margin-top:42px;
	margin-left:-10px;
	display:inline;
	float:left;
	clear:both;
	width:137px;
	height:137px;

}
.chartMsgName{
	margin-left:10px;
	margin-top:5px;
}
.mymsg{
	color:#ff006c;
}
.frimsg{
	color:#057bFF;
}
.errmsg{
	color:#FF0000;
}
.chartMsgText{
	margin-left:20px;
	text-align:justify;
	text-justify:inter-word;
}
#topbar{
	height:24px;
	width:28px;
}
.topbarl{
	margin:0px;
	width:11px;
	height:33px;
	float:left;
	background-image:url(/template/image/chat/b.png);
}
.topbarr{
	margin:2px 4px 2px 4px;
	width:20px;
	height:20px;
	float:left;
	background-image:url(/template/image/chat/tl.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
}

#topbar img{
	float:left;
	cursor:pointer;
}
.btnsend{
	height:23px;
	width:55px;
	background-color:#00839b;
	color:#FFF;
	text-align:center;
	letter-spacing:3px;
	line-height:24px;
	float:right;
	margin-right:0px;
	margin-top:11px;
	display:inline;
	cursor:pointer;
}
.kuaijie{
	margin-top:11px;
	float:left;
	width:145px;
	white-space:nowrap;
}
.btnsend1{
	height:23px;
	width:55px;
	background-color:#00839b;
	color:#FFF;
	text-align:center;
	letter-spacing:3px;
	line-height:24px;
	float:right;
	margin-right:10px;
	margin-top:11px;
	display:inline;
	cursor:pointer;
}
.btnsend:hover,.btnsend1:hover{
	background-color:#b10001;
}